<template>
  <div class="footer">
    <div class="footer-container">
      <div class="item">
        <img src="~assets/images/profile/我的收藏@2x.png" alt="">
        <span class="item-title">我的收藏</span>
        <span class="item-jiantou">></span>
      </div>
      <div class="item">
        <img src="~assets/images/profile/我的地址@2x.png" alt="">
        <span class="item-title">我的地址</span>
        <span class="item-jiantou">></span>
      </div>
      <div class="item">
        <img src="~assets/images/profile/我的评价@2x.png" alt="">
        <span class="item-title">我的评价</span>
        <span class="item-jiantou">></span>
      </div>
    </div>

    <div class="footer-container">
      <div class="item">
        <img src="~assets/images/profile/我的卡券@2x.png" alt="">
        <span class="item-title">我的卡劵</span>
        <span class="item-jiantou">></span>
      </div>
      <div class="item">
        <img src="~assets/images/profile/退款维权@2x.png" alt="">
        <span class="item-title">退款维权</span>
        <span class="item-jiantou">></span>
      </div>
    </div>

     <div class="footer-container">
      <div class="item">
        <img src="~assets/images/profile/我的预约体验@2x.png" alt="">
        <span class="item-title">我的预约体验</span>
        <span class="item-jiantou">></span>
      </div>
      <div class="item">
        <img src="~assets/images/profile/我的预约设计@2x.png" alt="">
        <span class="item-title">我的预约设计</span>
        <span class="item-jiantou">></span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  
}
</script>

<style lang="less" scoped>
.footer {
  
  .footer-container {
    margin-top: .1rem;
    background: #fff;
    .item {
      height: .44rem;
      display: flex;
      align-items: center;
      img {
        display: inline-block;
        width: .2rem;
        height: .2rem;
        margin-left: .17rem;
      }
      .item-title {
        font-size: .15rem;
        color: #333;
        margin-left: .075rem;
      }
      .item-jiantou {
        font-size: .15rem;
        color: #666;
        position: absolute;
        right: .15rem;
      }
    }
  }
}

</style>